<template>
    <div>
        vue3子应用
        <router-link to="/">回到主应用</router-link>
        <!-- ssr 多应用渲染需要 单页面不需要  兼容vite需要加iframe -->
        <!-- vue2要设置base -->
         <!-- 1、data传值data是对象  基座想子应用发送-->
        <!-- <micro-app :data="globalData" name="vue3ChildApp" url="http://localhost:5173/" iframe></micro-app> -->
<!-- 2、传值方式  基座想子应用发送-->
        <!-- <micro-app  name="vue3ChildApp" url="http://localhost:5173/" iframe></micro-app> -->

        <!-- 获取子应用传过来的数据 -->
        <micro-app  @datachange="handleDataChange" name="vue3ChildApp" url="http://localhost:5173/" iframe></micro-app>
    </div>
</template>

<script setup>
import microApp from '@micro-zoe/micro-app'
// <!-- 1、data传值data是对象  基座想子应用发送-->
// const globalData = microApp.getGlobalData()
// 2、第二种传值 基座想子应用发送
const globalData = microApp.getGlobalData()
microApp.setData('vue3ChildApp',globalData)

// 获取子应用传过来的数据
const handleDataChange = (e) => {

}
</script>

<style lang="scss" scoped>

</style>